* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html,
body {
  min-width: 1200px;
  min-height: 600px;
  overflow: auto;
}

//文字展示...
.exlipse {
  white-space: nowrap;
  word-break: break-all;
  text-overflow: ellipsis;
  overflow: hidden;
}

//滚动条样式
/*******************定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸***********************/
div::-webkit-scrollbar {
  width: 2px;
  height: 4px;
  // height: .04rem;
}

/*定义滚动条轨道 内阴影+圆角*/
div::-webkit-scrollbar-track {
  border-radius: 0.03rem;
  /* background-color: rgb(255 255 255); */
  width: 2px;
}

/*定义滑块 内阴影+圆角*/
div::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #eee;
  border-radius: 2px;
  background: #ccc;
}

/*交叉方块*/
div::-webkit-scrollbar-corner {
  background-color: rgb(255 255 255);
}

// ::-webkit-scrollbar 滚动条整体部分
// ::-webkit-scrollbar-thumb  滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条）
// ::-webkit-scrollbar-track  滚动条的轨道（里面装有Thumb）
// ::-webkit-scrollbar-button 滚动条的轨道的两端按钮，允许通过点击微调小方块的位置。
// ::-webkit-scrollbar-track-piece 内层轨道，滚动条中间部分（除去）
// ::-webkit-scrollbar-corner 边角，即两个滚动条的交汇处
// ::-webkit-resizer 两个滚动条的交汇处上用于通过拖动调整元素大小的小控件

// 行内样式
.inline-block {
  display: inline-block;
  vertical-align: middle;
}

@font-face {
  font-family: 'YouSheBiaoTiHei';
  src: url('./font/YouSheBiaoTiHei-2.ttf');
}

.mr0 {
  margin-right: 0 !important;
}

.mr20 {
  margin-right: 20px;
}

.mr12 {
  margin-right: 12px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb20 {
  margin-bottom: 20px;
}

.mt10 {
  margin-top: 10px;
}

.mt20 {
  margin-top: 20px;
}

.flexbox {
  display: flex;
  align-items: center;
}

.flexbox-top {
  display: flex;
  align-items: top;
}

.alignTop {
  align-items: top;
}

.blue {
  font-family: YouSheBiaoTiHei;
  font-size: 18px;
  color: #2d9bfc;
  line-height: 23px;
  letter-spacing: 1px;
}

.green {
  font-family: YouSheBiaoTiHei;
  font-size: 18px;
  color: #28bc59;
  line-height: 23px;
  letter-spacing: 1px;
}

.yellow {
  font-family: YouSheBiaoTiHei;
  font-size: 18px;
  color: #ffcf37;
  line-height: 23px;
  letter-spacing: 1px;
}

.orgage {
  font-family: YouSheBiaoTiHei;
  font-size: 18px;
  color: #ffa337;
  line-height: 23px;
  letter-spacing: 1px;
}

.oblue {
  font-family: YouSheBiaoTiHei;
  font-size: 18px;
  color: #18bbd6;
  line-height: 23px;
  letter-spacing: 1px;
}

// tab页签
.tab-select-new {
  min-width: 210px;
  height: 32px;
  border-radius: 6px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: flex-start;

  .btn {
    background: #fff;
    display: inline-block;
    // width: 112px;
    height: 32px;
    font-family: PingFangSC, PingFang SC;
    font-weight: 500;
    font-size: 14px;
    // color: #2263bf;
    line-height: 30px;
    letter-spacing: 1px;
    text-align: center;
    cursor: pointer;
    // box-shadow: 0px 0px 2px 0px rgba(70, 102, 149, 1);
    // border-radius: 6px;
    // border: 1px solid rgba(34, 99, 191, 0.09);

    &.noradius {
      border-radius: 6px 0 0 6px;
    }

    &.nolradius {
      border-radius: 0px 6px 6px 0px;
    }
    &.nolradiusqs {
      border-radius: 6px;
    }

    &.noradiusall {
      border-radius: 0px;
    }
    &.noradiusallSq {
      border-radius: 0px 6px 6px 0px;
    }

    &.active {
      // background: #2263bf;
      // color: #ffffff;
      color: #2263bf;
    }

    &.hasborder {
      border-left: 1px solid rgba(151, 151, 151, 0.21);
      border-right: 1px solid rgba(151, 151, 151, 0.21);
    }
  }
}
